<include file="__TEMPLATE__/header.html"/>
	<!-- two -nv e -->
<!--focus start-->

<div class="focus" id="focus">

	<div class="login_box">
		<div class="login">
			<div class="login_bg"></div>
		</div>
	</div>
	<div  style="color:red;margin-bottom:20px;padding-top:30px;">近期网站进行架构重构，可能不太稳定</div>
	<div id="focus_m" class="focus_m">
		<ul>
			<li class="li_1"><a href="#" hidefocus="true"></a></li>
			<li class="li_2"><a href="#" hidefocus="true"></a></li>
			<li class="li_3"><a href="#" hidefocus="true"></a></li>
		</ul>
	</div>
	<a href="javascript:;" class="focus_l" id="focus_l" hidefocus="true" title="上一张"><b></b><span></span></a>
	<a href="javascript:;" class="focus_r" id="focus_r" hidefocus="true" title="下一张"><b></b><span></span></a>
</div>
<!--focus end-->
<div class="mainv">
	
	<div id="servicesBox">
		<div id="serBox1" class="serBox" onclick="serFocus(1)">
			<div class="serBoxOn" onclick="location.href='http://www.cooldreamer.com/show/damai'"></div>
			<div class="pic1 mypng"><img src="__TEMPLATE__/Img/ser_box1.png" /></div>
			<div class="pic2 mypng"><img src="__TEMPLATE__/Img/ser_box1b.png" /></div>
			<div class="txt1"><span class="tit">项目简介</span>第一次的商城系统,从前期的网站分析，以及功能的时间安排，然后是数据库RE图.完全独立开发</div>
			<div class="txt2"><span class="tit">功能简介</span>QQ登陆，邮件发送,商品的增删改查,订单管理问答管理：对用户提出的问题，第一时间回答,数据备份和还原;</div>
		</div>
	
		<div id="serBox2" class="serBox" onclick="serFocus(2)">
			<div class="serBoxOn" onclick="location.href='http://www.cooldreamer.com/show/360'"></div>
			<div class="pic1 mypng"><img src="__TEMPLATE__/Img/ser_box2b.png" /></div>
			<div class="pic2 mypng"><img src="__TEMPLATE__/Img/ser_box2.png" /></div>
			<div class="txt1"><span class="tit">项目简介</span>第一次的问答系统,只带有简单的
				问答和基本的用户中心管理,由自已开发的框架完成
			</div>
			<div class="txt2"><span class="tit">功能简介</span>提问、回答、采纳、采纳后的问题不可以回答的限制！用户中心！简单的奖励系统！问答管理。简单的用户权限管理！</div>
		</div>

		<div id="serBox3" class="serBox" onclick="serFocus(3)" style="margin-right:10px;">
			<div class="serBoxOn"></div>
			<div class="pic1 mypng"><img src="__TEMPLATE__/Img/ser_box3.png" /></div>
			<div class="pic2 mypng"><img src="__TEMPLATE__/Img/ser_box3b.png" /></div>
			<div class="txt1"><span class="tit">cooldreamerCMS</span>现在本站在用的CMS管理，基于HD框架开发一直在完善</div>
			<div class="txt2"><span class="tit">相关计划</span>这套CMS现应用于各大的公益类网站中，我也希望自已的作品能更多的被使用</div>
		</div>
		<div id="serBox4" class="serBox" onclick="serFocus(4)" style="margin-right:10px;">
			<div class="serBoxOn"></div>
			<div class="pic1 mypng"><img src="__TEMPLATE__/Img/ser_box4.png" /></div>
			<div class="pic2 mypng"><img src="__TEMPLATE__/Img/ser_box4b.png" /></div>
			<div class="txt1"><span class="tit">CMS模板</span>主流的CMS模板下载,会慢慢的放出</div>
			<div class="txt2"><span class="tit">相关计划</span>会开放一个订制申请的接口，可以免费，帮大家制作。您只要拿出设计图，或者要仿制网站的网址！</div>
		</div>
		<div id="serBox4" class="serBox" onclick="serFocus(4)" style="margin-right:0px;">
			<div class="serBoxOn"></div>
			<div class="pic1 mypng"><img src="__TEMPLATE__/Img/ser_box15.png" /></div>
			<div class="pic2 mypng"><img src="__TEMPLATE__/Img/ser_box15b.png" /></div>
			<div class="txt1"><span class="tit">插件定制</span>主流的CMS插件申请计划：您只需要提供您的要求,或者相关功能的网址,就可免费定制</div>
			<div class="txt2"><span class="tit">计划安排</span>先在申请端申请,然后我这边会受理！注意：帮您免费制作好的插件做好会,会放出在本站,免费分享</div>
		</div>
	</div>
	
</div>

<script type="text/javascript">
$(document).ready(function(){

	$(".serBox").hover(function(){
		$(this).children().stop(false,true);
		$(this).children(".serBoxOn").fadeIn("slow");
		$(this).children(".pic1").animate({right: -110},400);
		$(this).children(".pic2").animate({left: 43},400);
		$(this).children(".txt1").animate({left: -176},400);
		$(this).children(".txt2").animate({right: 10},400);	 
	},function(){
		$(this).children().stop(false,true);

		$(this).children(".serBoxOn").fadeOut("slow");
		$(this).children(".pic1").animate({right:43},400);
		$(this).children(".pic2").animate({left: -110},400);
		$(this).children(".txt1").animate({left: 10},400);
		$(this).children(".txt2").animate({right: -176},400);	
	});
	
});	
	
function serFocus(i){
	$(".servicesPop").slideDown("normal");
	changeflash(i);
}
function closeSerPop(){
	$(".servicesPop").slideUp("fast");
}

var currentindex=1;
function changeflash(i){	
	currentindex=i;
	for (j=1;j<=6;j++){
		if(j==i){
			$("#flash"+j).fadeIn("normal");
			$("#flash"+j).css("display","block");
			$("#f"+j).removeClass();
			$("#f"+j).addClass("dq");
		}else{
			$("#flash"+j).css("display","none");
			$("#f"+j).removeClass();
			$("#f"+j).addClass("no");
		}
	}
}
</script>
<div class="cleardiv"></div>

	<!-- notice s-->
<!-- <div class="main">
		<div class="notice Swd"> -->
		<!-- 	<i class="glyphicon glyphicon-info-sign"></i><a href="" class="notic-text">相关公告</a> -->
			  <!-- BANNER开始 -->
	  <!-- <div id="banner"> -->
	  <!-- 幻灯按钮 -->
	  <!-- <div class="botL"></div>
	  <div class="botR"></div>
	  <div class="botT">
	  <p style="background: #2BB8AA"></p> <p></p> <p></p><p></p>
	  </div> -->
	  <!-- 头片一张开始 -->
		<!--  <div class="dazhes" style="display:block">
		    <div class="dazhe1 FL">
		      <img src="__TEMPLATE__/Img/d3552f4f-6214-4301-8f2f-94994e9cac08.jpg" alt="" />
		      <div class="kuanL"></div>
		    </div>
		 </div> -->
	 <!-- 头片一张结束 -->
	 	<!-- <div class="dazhes" style="display:block">
		    <div class="dazhe1 FL">
		      <img src="__TEMPLATE__/Img/d561f348-ca2a-4457-bc4f-04f5dfbeaad0.jpg" alt="" />
		      <div class="kuanL"></div>
		    </div>
		 </div> -->
		 <!-- 头片一张结束 -->
	 	<!-- <div class="dazhes" style="display:block">
		    <div class="dazhe1 FL">
		      <img src="__TEMPLATE__/Img/dcd35bd9-7323-4c62-aef7-e2521ad67212.jpg" alt="" />
		      <div class="kuanL"></div>
		    </div>
		 </div> -->
		 <!-- 头片一张结束 -->
	 <!-- 	<div class="dazhes" style="display:block">
		    <div class="dazhe1 FL">
		      <img src="__TEMPLATE__/Img/d4b61996-a71c-4e95-b830-ff075233999f.jpg" alt="" />
		      <div class="kuanL"></div>
		    </div>
		 </div> -->
	<!-- </div> -->
	          <!-- BANNER结束 -->	
		<!-- </div> -->
		<!-- notice e -->
		<!-- falsh ad area s -->
		<!-- JAVASCRIP  区载 ，未定 -->
		<!-- flash ad area e -->
	<!-- 	<div class="case-show Swd">
			
			<div class="case-left">
			<div class="case-title main-width">
				<p class="title-l fl">UI设计欣赏  </p>
				<p class="title-r fr">更多</p>
			</div>
				<ul class="case-des">
					<foreach from="$opusdb" value="$v_opus">
					<li class="case-position">
						<a href="{|U:'Opusdetails/index',array('opusid'=>$v_opus['opusid'])}"><img src="{$v_opus['opus_thumb']}" alt="" /></a>
						<p class="show-or-hidden-des"><a href="{|U:'Opusdetails/index',array('opusid'=>$v_opus['opusid'])}">{$v_opus['opus_title']}</a></p>
						<p class="ico-sty"> -->
							<!-- <a href=""><i class="glyphicon glyphicon-user"></i>Jerry</a> -->
					
							<!-- <a href=""><i class="glyphicon glyphicon-thumbs-up"></i> 235人赞</a>
							<a href=""><i class="glyphicon glyphicon-thumbs-down"></i> 235踩</a> -->
							<!-- <a href=""><i class="glyphicon glyphicon-comment"></i> 235评论</a>
							<a href="" title="加入收藏"><i class="glyphicon glyphicon-heart-empty"></i> 收藏</a> -->
							<!-- <span href=""><i class="glyphicon glyphicon-time"></i>2014-6-8</span> -->
							<!-- <span href=""><i class="glyphicon glyphicon-eye-open"></i> 235浏览</span> -->
							
						<!-- </p>
						<p class="who-design">
							<a href="" title="Jerry"><img src="__ROOT__/{$v_opus['user_ico']}" alt=""></a>
						</p> -->
						<!-- <p class="pic-ico-title"><a href="{|U:'Details/index',array('aid'=>$v['aid'])}">{$v['title']}</a></p> -->
		<!-- 			</li>
					
					</foreach>
				
					
				</ul>
			</div>
			<div class="case-right">
				<div class="case-hot-title">
					<p class="title-hot-l fl">推荐  </p>
					<p class="title-hot-r fr">更多</p>
				</div>
				<ul>
					
					<li>
						<img src="__TEMPLATE__/Img/1410770012125222-lp.jpg" alt="" />
						<p class="ico-sty">
						good -->
						<!-- <i class="ico-width glyphicon glyphicon-thumbs-up"></i><e>25</e> -->
						<!-- bad -->
						<!-- <i class="ico-width glyphicon glyphicon-thumbs-down"></i><e>25</e> -->
						<!-- time -->
						<!-- <i class="ico-width glyphicon glyphicon-paperclip"></i><e>25</e> -->
						<!-- love -->
						<!-- <i class="ico-width glyphicon glyphicon-heart-empty"></i><e>25</e> -->
						<!-- </p> -->
						<!-- <p class="pic-ico-title"><a href="">魅族手机主题UI-清新</a></p> -->
					<!-- </li> -->

			
				
					
				<!-- </ul> -->

			<!-- </div> -->
	<!-- </div> -->
<!-- </div> --> 

<!-- list-s -->
<div class="Awd model-list">
	<div class="Swd model-llist-sort">
		<!-- <ul class="nav nav-pills model-list-bot" role="tablist">
		  <li role="presentation" class="active"><a href="#">Home</a></li>
		  <li role="presentation"><a href="#">Profile</a></li>
		  <li role="presentation"><a href="#">Messages</a></li>
		</ul> -->
		<ul class="model-list-all">
		<foreach from="$ardb" value="$k">
			<li class="list">
				<img src="{$k['thumb']}" alt="">
				<div class="des-all">
					<a class="del-title" href="{|U:'Details/index',array('aid'=>$k['aid'])}">{$k['title']}</a>
					<p class="del-con">{$k['content']|hd_substr:100}</p>
					<p class="del-ico-say">
						<a href=""><i class="glyphicon glyphicon-user"></i>Jerry</a>
						<a href=""><i class="glyphicon glyphicon-thumbs-up"></i> 235人赞</a>
						<a href=""><i class="glyphicon glyphicon-thumbs-down"></i> 235踩</a>
						<a href=""><i class="glyphicon glyphicon-comment"></i> 235评论</a>
						<a href="" title="加入收藏"><i class="glyphicon glyphicon-heart-empty"></i> 收藏</a>
						<span href=""><i class="glyphicon glyphicon-time"></i>2014-6-8</span>
						<span href=""><i class="glyphicon glyphicon-eye-open"></i> 235浏览</span>
					</p>
					<p class="del-ico-author"></p>
				</div>
			</li>
			<!-- <div class="cleardiv"></div> -->
			</foreach>
		</ul>
	</div>
	</div>
</div>
<!-- list-e -->

<include file="__TEMPLATE__/footer.html"/>